import './index.scss';
import React, { useEffect, useState, useRef } from "react";
import { chainsall, user_wallet_list, user_wallet_info } from '@/utils/mixin.ts'
import { Button, Checkbox  } from 'antd';
import { ArrowLeftOutlined, QuestionCircleOutlined } from '@ant-design/icons';
import { useTranslation } from 'react-i18next';

const Notification = () => {
    const { t } = useTranslation();

    return (
        <div className="notification">
            <div className="header_notification">
                <Button type="text" className="goBackBtn" onClick={() => window.history.go(-1)} icon={<ArrowLeftOutlined />}></Button>
                <p className="title">{t('Notification')}</p>
                <Button type="text" className="addBtn" icon={<QuestionCircleOutlined />}></Button>
            </div>
            <div className="content_notification">
                {/* Show Order Filled Notifications */}
                {t('Display order filled out notification')}
                <Checkbox defaultChecked/>
            </div>
        </div>
    )

}

export default Notification;